<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html ng-app="LeaderboardApp">
<head>
<meta charset="UTF-8">
<title>Consulta de Cumplimiento de Metas Globales por Farmacia</title>
<link href="/Leaderboard/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="/Leaderboard/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css"/>
<link href="/Leaderboard/css/select2.css" rel="stylesheet" type="text/css"/>
<link href="/Leaderboard/css/select2-bootstrap.css" rel="stylesheet" type="text/css"/>
<link href="/Leaderboard/css/styles.css" rel="stylesheet" type="text/css"/>

<script type="text/javascript" src="/Leaderboard/js/lib/bootstrap/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="/Leaderboard/js/lib/bootstrap/respond.min.js"></script>
<script type="text/javascript" src="/Leaderboard/js/lib/bootstrap/bootstrap.min.js"></script>

<!--[if lt IE 9]><script type="text/javascript" src="/Leaderboard/js/lib/angularjs/html5shiv-printshiv.min.js"></script><![endif]-->
<!--[if lt IE 8]><script type="text/javascript" src="/Leaderboard/js/lib/angularjs/json3.min.js"></script><![endif]-->

<script type="text/javascript" src="/Leaderboard/js/lib/select2.min.js"></script>
<script type="text/javascript" src="/Leaderboard/js/lib/angularjs/angularjs-1.2.16.min.js"></script>
<script type="text/javascript" src="/Leaderboard/js/controllers.init.js"></script>
<script type="text/javascript" src="/Leaderboard/js/controllers.admin.js"></script>
<script type="text/javascript"src="/Leaderboard/js/controllers.proyecciones.js"></script>

<!--[if lte IE 8]>
<script type="text/javascript">
    $(document).ready(function() {
        angular.bootstrap(document);
    });
</script>
<![endif]-->
</head>
<body>
	<div ng-include="'/Leaderboard/include/header.html'"></div>
	
	<div class="container">
		<div ng-include="'/Leaderboard/include/changePassword.html'"></div>
		
		<div ng-controller="proyeccionesCtrl" ng-init="setAdminPage(false); getProyeccionesGenerales();">
			<div ng-include="'/Leaderboard/include/messages.html'"></div>
			
			<div class="panel panel-primary">
				<div class="panel-heading">
					<h3 class="panel-title" ng-hide="isVistaDetalle">Consulta de Cumplimiento de Metas Globales por Farmacia</h3>
					<h3 class="panel-title" ng-show="isVistaDetalle && tipoVistaDetalle=='V'">Detalle de Venta de Metas</h3>
					<h3 class="panel-title" ng-show="isVistaDetalle && tipoVistaDetalle=='C'">Detalle de Cumplimiento de Metas</h3>
				</div>
				<div class="panel-body panel-body-scrollable">
					
					<table id="tblProyeccionesGeneral" class="table table-striped table-condensed table-bordered" ng-table="tableParams" ng-hide="isVistaDetalle">
						<thead>
							<tr>
								<th>&nbsp;</th><th colspan="3" class="wrap-center">&Uacute;ltimos 3 meses</th>
								<th colspan="2" class="wrap-center">A&ntilde;o anterior</th>
								<th class="wrap-center">Mes actual</th><th>&nbsp;</th>
							</tr>
							<tr>
								<th>&nbsp;</th>
								<th>{{proyeccionesGenerales.month3.label}}</th><th>{{proyeccionesGenerales.month2.label}}</th><th>{{proyeccionesGenerales.month1.label}}</th>
								<th>{{proyeccionesGenerales.year2.label}}</th><th>{{proyeccionesGenerales.year1.label}}</th>
								<th>{{proyeccionesGenerales.month.label}}</th><th>Acciones</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>Venta</td>
								<td>$ {{proyeccionesGenerales.month3.sales}}</td><td>$ {{proyeccionesGenerales.month2.sales}}</td><td>$ {{proyeccionesGenerales.month1.sales}}</td>
								<td>$ {{proyeccionesGenerales.year2.sales}}</td><td>---</td>
								<td>$ {{proyeccionesGenerales.month.sales}}</td><td><a class="link float-left" href="javascript:void(0);" ng-click="detalleProyeccionGeneralVenta()">Ver detalle</a></td>
							</tr>
							<tr>
								<td>Cumplimiento</td>
								<td>{{proyeccionesGenerales.month3.value}} %</td><td>{{proyeccionesGenerales.month2.value}} %</td><td>{{proyeccionesGenerales.month1.value}} %</td>
								<td>{{proyeccionesGenerales.year2.value}} %</td><td>{{proyeccionesGenerales.year1.value}} %</td>
								<td ng-class="classForProyeccion(proyeccionesGenerales.month.value)">{{proyeccionesGenerales.month.value}} %</td><td><a class="link float-left" href="javascript:void(0);" ng-click="detalleProyeccionGeneralCumplimiento()">Ver detalle</a></td>
							</tr>
						</tbody>
					</table>
					
					<table id="tblProyeccionesGeneralDetVenta" class="table table-striped table-condensed table-bordered" ng-table="tableParams" ng-show="isVistaDetalle && tipoVistaDetalle === 'V'">
						<thead>
							<tr>
								<th>&nbsp;</th><th colspan="3" class="wrap-center">&Uacute;ltimos 3 meses</th>
								<th colspan="2" class="wrap-center">A&ntilde;o anterior</th>
								<th class="wrap-center">Mes actual</th>
							</tr>
							<tr>
								<th>&nbsp;</th>
								<th>{{detalleProyeccionesFarmacias[0].month3.label}}</th><th>{{detalleProyeccionesFarmacias[0].month2.label}}</th><th>{{detalleProyeccionesFarmacias[0].month1.label}}</th>
								<th>{{detalleProyeccionesFarmacias[0].year2.label}}</th><th>{{detalleProyeccionesFarmacias[0].year1.label}}</th>
								<th>{{detalleProyeccionesFarmacias[0].month.label}}</th>
							</tr>
						</thead>
						<tbody>
							<tr ng-repeat="detalleProyecciones in detalleProyeccionesFarmacias">
								<td>Ventas farmacia {{detalleProyecciones.branchName}}</td>
								<td>$ {{detalleProyecciones.month3.sales}}</td><td>$ {{detalleProyecciones.month2.sales}}</td><td>$ {{detalleProyecciones.month1.sales}}</td>
								<td>$ {{detalleProyecciones.year2.sales}}</td><td>---</td>
								<td>$ {{detalleProyecciones.month.sales}}</td>
							</tr>
						</tbody>
					</table>
					
					<table id="tblProyeccionesGeneralDetCumplimiento" class="table table-striped table-condensed table-bordered" ng-table="tableParams" ng-show="isVistaDetalle && tipoVistaDetalle === 'C'">
						<thead>
							<tr>
								<th>&nbsp;</th><th colspan="3" class="wrap-center">&Uacute;ltimos 3 meses</th>
								<th colspan="2" class="wrap-center">A&ntilde;o anterior</th>
								<th class="wrap-center">Mes actual</th>
							</tr>
							<tr>
								<th>&nbsp;</th>
								<th>{{detalleProyeccionesFarmacias[0].month3.label}}</th><th>{{detalleProyeccionesFarmacias[0].month2.label}}</th><th>{{detalleProyeccionesFarmacias[0].month1.label}}</th>
								<th>{{detalleProyeccionesFarmacias[0].year2.label}}</th><th>{{detalleProyeccionesFarmacias[0].year1.label}}</th>
								<th>{{detalleProyeccionesFarmacias[0].month.label}}</th>
							</tr>
						</thead>
						<tbody>
							<tr ng-repeat="detalleProyecciones in detalleProyeccionesFarmacias">
								<td>Cumplimiento farmacia {{detalleProyecciones.branchName}}</td>
								<td>{{detalleProyecciones.month3.value}} %</td><td>{{detalleProyecciones.month2.value}} %</td><td>{{detalleProyecciones.month1.value}} %</td>
								<td>{{detalleProyecciones.year2.value}} %</td><td>{{detalleProyecciones.year1.value}} %</td>
								<td ng-class="classForProyeccion(detalleProyecciones.month.value)">{{detalleProyecciones.month.value}} %</td>
							</tr>
						</tbody>
					</table>
				</div>
				<div class="panel-footer">
					<input id="usrSearch" name="usrSearch" class="form-control search-box" ng-model="filterText" ng-hide="isVistaDetalle" />
					<button type="button" class="btn btn-default" ng-click="getProyeccionesGenerales();" ng-hide="isVistaDetalle">Refrescar</button>
					<button type="button" class="btn btn-primary" ng-click="regresar();" ng-show="isVistaDetalle">Regresar</button>
				</div>
			</div>
	</div>
</body>
</html>